
 .right-content .hero-center{
     margin-bottom: 20px;
 }

.right-content .hero-center .section-header .icon-hero{
        background:url(./images/main_index.png) no-repeat 0 -144px;
      }
      .right-content .hero-center .hero-data{
        height: 68px;
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        display: flex;
        align-items: center;
        padding-left:17px;
        margin-bottom: 10px;
      }
      .hero-center .hero-data .name{
        color: #333333;
        font-size: 18px;
        font-weight: 700;
      }
      .hero-center .hero-data .time{
        color: #999999;
        font-size: 12px;
        margin-top: 3px;
      }
      .hero-center .hero-list{
        display: flex;
        justify-content:space-between;
      }
      .hero-list .hero-item{
        position: relative;
      }
      .hero-list .hero-item .cover{
        opacity: 0;
        position: absolute;
        top:0;
        left:0;
        display: flex;
        justify-content:center;
        align-items:center;
        background:rgba(0, 0, 0, .7);
        width:100%;
        height: 100%;
        color:#f3c258;
        writing-mode: vertical-lr;
        transition: all 300ms ease;
      }
      .hero-list .hero-item .cover:hover{
        opacity: 1;
      }